.container{
  width: 750px;
   height: 100%;
   background: #f4f4f4;
}
.topic-list{
   width: 750px;
   height: 100%;
   overflow: hidden;
   background: #f4f4f4;
}

.topic-list .item{
   width: 100%;
   height: 625px;
   overflow: hidden;
   background: #fff;
   margin-bottom: 20px;
}

.topic-list .img{
   width: 100%;
   height: 415px;
}

.topic-list .info{
   width: 100%;
   height: 210px;
   overflow: hidden;
}

.topic-list .title{
   display: block;
   text-align: center;
   width: 100%;
   height: 33px;
   line-height: 35px;
   color: #333;
   overflow: hidden;
   font-size: 35px;
   margin-top: 30px;
}

.topic-list .desc{
   display: block;
   text-align: center;
   position: relative;
   width: auto;
   height: 24px;
   line-height: 24px;
   overflow: hidden;
   color: #999;
   font-size: 24px;
   margin-top: 16px;
   margin-bottom: 30px;
}

.topic-list .price{
   display: block;
   text-align: center;
   width: 100%;
   height: 27px;
   line-height: 27px;
   overflow: hidden;
   color: #b4282d;
   font-size: 27px;
}


.page{
   width: 750px;
   height: 108px;
   background: #fff;
   margin-bottom: 20px;
}

.page view{
   height: 108px;
   width: 50%;
   float: left;
   font-size: 29px;
   color: #333;
   text-align: center;
   line-height: 108px;
}

.page .prev{
   border-right: 2px solid #D9D9D9;
}

.page .disabled{
   color: #ccc;
}